<template>
  <button @click="flag = !flag">Toggle</button>
  <Transition class="animate__animated" enter-active-class="animate__zoomIn" leave-active-class="animate__zoomOut">
    <h1 v-if="flag">Hello，Animate.css</h1>
  </Transition>
</template>

<script setup>
import 'animate.css'
import { ref } from 'vue'
const flag = ref(false)
</script>

<style scoped></style>
